{% include "header.html" %}
  
  <!-- Page Name -->
  <div id="page-name">
	  <div class="row">
	    <div class="twelve columns">
	      <h1>Quiz</h1>
	    </div>
	  </div>
  </div>
  
  
  <!-- Main Page Content and Sidebar -->

  <div class="row">

    <!-- Page Details -->
    <section class="twelve columns page-cont">
    
    	<div class="eight columns">
    		<h2>Disco-era Remembers A Time When Romance.</h2>
    		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dolor arcu, venenatis rhoncus placerat a, viverra vel eros. Vestibulum ac condimentum diam. Pellentesque convallis, lorem posuere dapibus consequat, mauris tellus sodales nisi, sit amet malesuada lectus dolor quis</p>
    	</div>
    	
    	<div class="four columns">
    	
	    	<div class="box-login">
		    	<h3>Acessar</h3>
		    	<form class="" method="post" action="{% url WebSite.views.loginUser %}">
                    {% csrf_token %}
                    {{ erro }}
		            <input type="text" placeholder="Email" name="username"/>
		            <input type="password" placeholder="Senha" name="password" type="password"/>
		            <a href="#" data-reveal-id="modal-senha">Esqueceu a senha?</a>
		            <div class="row collapse"><button type="submit" class="radius button right">Acessar</button></div>
		        </form> 
	    	</div>
    	
	    	<div class="box-login">
		    	<h3>Não é cadastrado? Cadastre-se</h3>

		    	<form class="" method="post" action="{% url WebSite.views.registerUser %}">
                    {% csrf_token %}
                    {{ form.errors }}
		            <input type="text" placeholder="Nome" name="first_name"/>
		            <input type="text" placeholder="Sobrenome" name="last_name" />
		            <input type="text" placeholder="Email" name="username"/>
		            <input type="password" placeholder="Senha" name="password"/>
		            <div class="row collapse"><button type="submit" class="radius blue button right">Cadastrar</button></div>
		        </form> 
	    	</div>
	    	
    	</div>

    </section>

    <!-- End Contact Details -->

  </div>

  <!-- End Main Content and Sidebar -->
    
{% include "footer.html" %}